<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <title>睿洋APP下载页面</title>
    <link rel="stylesheet" type="text/css" href="./download1_files/g.css">
    <link rel="stylesheet" type="text/css" href="./download1_files/download.css">
</head>
<body class="pc-contanier">

<div class="pc-wrap"></div>
<div class="pc-bg pc-bg1 current" style="display: block;"></div>
<div class="pc-bg pc-bg2" style="display: none;"></div>
<div class="pc-bg pc-bg3" style="display: none;"></div>
<div class="pc-bg pc-bg4" style="display: none;"></div>
<div class="page-bg-btm"></div>
<div id="particles-js">
    <canvas style="width: 100%; height: 100%;" width="1440" height="759"></canvas>
    <canvas style="width: 100%; height: 100%;"></canvas>
</div>
<div class="pc-body">
    <div class="clearfix">
        <div class="pc-body-item">
            <div class="pc-pics-box img-box">
                <img src="./download1_files/pic1.png" width="520" height="580" class="item current"
                     style="display: block;">
                <img src="./download1_files/pic2.png" width="520" height="580" class="item" style="display: none;">
                <img src="./download1_files/pic3.png" width="520" height="580" class="item" style="display: none;">
                <img src="./download1_files/pic4.png" width="520" height="580" class="item" style="display: none;">
            </div>
        </div>
        <div class="pc-body-item">
            <div class="pc-main">
                <div class="pc-logo ico">
                    <img class="logo" src="./download1_files/1434095568420853.png">
                    <span class="appname">金帛</span>
                    <span class="version">V0.0.1</span>
                </div>
                <div class="pc-btns">
                    <a href="" style="display: none"
                       class="btn">
                        <span class="ico ico-ios"></span>
                        <span class="txt">iPhone版</span>
                    </a>
                    <a href="ruiyang.apk"
                       class="btn">
                        <span class="ico ico-android"></span>
                        <span class="txt">安卓版</span>
                    </a>
                </div>
                <div class="pc-erwei">
                    <p>扫二维码下载</p>
                    <div class="img-box">
                        <img src="./download1_files/1434096068645949.png" width="112" height="112" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div><!-- pc-body  end -->
<div class="pc-bg-flag slider-flags">
    <span class="item current"></span>
    <span class="item"></span>
    <span class="item"></span>
    <span class="item"></span>
</div><!-- pc-bg-flag  end -->
<div class="pc-copyright">Copyright RUIYANG All Rights Reserved</div><!-- pc-bg-flag  end -->
<a href="javascript:void(0);" class="slider-prev"></a>
<a href="javascript:void(0);" class="slider-next"></a>
<script type="text/javascript" src="./download1_files/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
    $(function () {
        var mainContent = $(".pc-body"),
            pcBgs = $(".pc-bg"),
            mainImgs = $(".pc-pics-box").find(".item"),
            controlItems = $(".pc-bg-flag").find(".item"),
            btnPrev = $(".slider-prev"),
            btnNext = $(".slider-next"),
            actionIndex = 0,
            interval = 3000,
            timer = 0;

        var fadeAction = function (index) {
            controlItems.eq(index).addClass("current").siblings().removeClass("current");
            mainImgs.eq(index).fadeIn("slow").siblings(".item").fadeOut("slow");
            pcBgs.eq(index).fadeIn("slow").siblings(".pc-bg").fadeOut("slow");
        };

        var autoPlay = function () {
            if (actionIndex < pcBgs.length) {
                actionIndex = (actionIndex + 1) % pcBgs.length;
                fadeAction(actionIndex);
            }
        };
        timer = setInterval(autoPlay, interval);

        controlItems.click(function () {
            actionIndex = $(this).index();
            fadeAction(actionIndex);
        });

        btnPrev.click(function () {
            if (actionIndex >= 0) {
                if (actionIndex == 0) actionIndex = pcBgs.length;
                actionIndex = (actionIndex - 1) % pcBgs.length;
                fadeAction(actionIndex);
            }
        }).hover(function (evt) {
            clearInterval(timer);
        }, function (evt) {
            timer = setInterval(autoPlay, interval);
        });

        btnNext.click(function () {
            autoPlay();
        }).hover(function (evt) {
            clearInterval(timer);
        }, function (evt) {
            timer = setInterval(autoPlay, interval);
        });

        mainContent.hover(function (evt) {
            clearInterval(timer);
        }, function (evt) {
            timer = setInterval(autoPlay, interval);
        });
    });
</script>
<script async="" src="./download1_files/analytics.js"></script>
<script src="./download1_files/part1.js"></script>
<script src="./download1_files/part2.js"></script>


</body>
</html>